<template>
  <div>
    <div>
      <Head></Head>
    </div>
    <div class="FDbanner">
      <FDbanner :isxseats="false" :inputName="list"></FDbanner>
    </div>
    <div class="FD-introduce">
      <div class="FD-introdce-wrap">
        <div class="FD-introduce-title">
          <el-breadcrumb separator-class="el-icon-arrow-right">
            <el-breadcrumb-item>猫眼电影</el-breadcrumb-item>
            <el-breadcrumb-item>电影</el-breadcrumb-item>
            <el-breadcrumb-item>{{ list.filmName }}</el-breadcrumb-item>
          </el-breadcrumb>
        </div>
        <div class="FD-introduce-left">
          <IntroduceLeft :introdleft="list"></IntroduceLeft>
        </div>
        <div class="FD-introduce-right">
          <IntroduceRight></IntroduceRight>
        </div>
      </div>
    </div>
    <div>
      <Footer></Footer>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.FDbanner {
  margin-top: 80px;
}
.FD-introduce {
  margin-top: 50px;
  .FD-introdce-wrap {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .FD-introduce-title {
      width: 1200px;
      margin-bottom: 25px;
      color: #333;
    }
    .FD-introduce-left {
      width: 730px;
    }
    .FD-introduce-right {
      width: 360px;
    }
  }
}
</style>
<script>
import FDbanner from "../components/filmdetail/FDbanner";
import IntroduceLeft from "../components/filmdetail/IntroduceLeft";
import IntroduceRight from "../components/filmdetail/IntroduceRight";
import Head from "../components/home/header";
import Footer from "../components/home/homefooter";
import filmInfo from "../model/films";
export default {
  data() {
    return {
      list: [],
    };
  },
  components: {
    FDbanner,
    IntroduceLeft,
    IntroduceRight,
    Head,
    Footer,
  },
  created() {
    let userid = this.$route.params.id;
    // console.log(userid);
    filmInfo
      .movieDetails({
        filmId: userid,
      })
      .then((res) => {
        this.list = res.data.data;
        // console.log(this.list)
      });
  },
};
</script>
